<template>
  <div>
    <h3>俺是爹地</h3>
    <!-- <Son :age="18" gender="死变态" @sayHello="onSayHello"></Son> -->
    <!-- <hr /> -->
    <!-- <SonSetup :age="18" gender="死变态" @say-hello="onSayHello"></SonSetup> -->
    <!-- <hr /> -->
    <SonExposer ref="sonRef"></SonExposer>
    <button @click="onBtnClick">{{ sonRef?.sonName }} 洗之</button>
  </div>
</template>

<script setup>
import Son from "./Son.vue";
import SonSetup from "./SonSetup.vue";
import SonExposer from "./SonExposer.vue";

const onSayHello = (...args) => {
  console.log("onSayHello", args);
};

import { ref } from "vue";
const sonRef = ref(null);

const onBtnClick = (e) => {
  sonRef.value.wash();
};
</script>

<style lang="scss" scoped></style>
